import { Styled } from "../itag/index.js";

const [styled, css] = Styled.new();

export const sheet = styled.sheet;

css`
    :host {
        display: block;
    }
`;

export const container = styled.class("container")`
    border: 1px solid #ccc;
    height: 100%;
    width: 100%;
`;

export const message = styled.class("message")`
    display: block;
    width: 100%;
    font-family: monospace;
    line-height: 1.2em;
    min-height: 1.2em;
    margin: 0;
    padding: 0.2em 0;

    &:nth-child(even) {
        background-color: rgb(221 236 255);
    }

    &:nth-child(odd) {
        background-color: white;
    }
`;
